<html>
<head>
  <link rel='stylesheet' href="../jsGUIGuy/guiguy.css" type='text/css'>
  <link rel='stylesheet' href="../site/tutorials/styles_blog.css" type='text/css'>
  <script type="text/javascript" src="../bibliotheques/jquery.js"></script>
  <script type="text/javascript" src="../bibliotheques/jquery-ui-1.7.2.dragdrop.min.js"></script>
  <script type="text/javascript" src="../bibliotheques/firebug/firebugx.js"></script>
  <script type="text/javascript" src="../bibliotheques//excanvas-compressed.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/Misc.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/Settings.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/ServerInterface.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/User.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/PatternMapping.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/GUIAttributes.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/GUI.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/GUIList.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/GUIEvents.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/GUIEventsOld.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/GUIApi.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/Init.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/PicasaConnector.js"></script>
  <script type="text/javascript" src="../jsGUIGuy/ImageRotate.js"></script>
  <script type="text/javascript">
    function DisplayMessage(text) {alert(text);}
    
    var decal = 3000;
    var nth = 0;
    function showPhotoFrame(domObj)
	{
		var $domObj = $(domObj).eq(0);
        if ($domObj.length)
        {
          var _angle = Math.round(Math.random()*50-25);
          
          var top = Math.random()*document.body.clientHeight;
          top = Math.min(top,document.body.clientHeight-400);
          $domObj.css("top",top);
          
          var left = Math.random()*document.body.clientWidth;
          left = Math.min(left,document.body.clientWidth-400);
          $domObj.css("left",left);
          
          $("img",$domObj).rotate({angle:_angle, tailleBordure: 4, radius: 4, opacityShadow:0.3});
          setTimeout(function() {$domObj.fadeIn(1000);},nth*decal+500);
          nth++;
        }
	}	
  </script>

</head>
<body>
    <!-- http://dstest.ohmydata.org/web/fa_dev.php/generic_objects -->
    <!-- http://localhost:90/sources_sf_taf/web/fa_dev.php/generic_objects -->
    <!-- http://localhost:90/backend/datasource/datasource.php -->
    
	
	<div id="picasaContainer" callMethod="xmlhttp" class="load_on_start" dataObject="PicasaPhoto" defaultView="ListView" datasource="http://picasaweb.google.fr/data/feed/base/user/antoine.lothore/albumid/5194178383334103121?alt=rss&kind=photo&authkey=Gv1sRgCJ6Zo76rx8feBg&hl=fr" showfunction="function(domObj){showPhotoFrame(domObj);}">    
        <span id="pattern_PicasaPhoto_ListView" style="display:none; position:absolute; top:100px; left:100px;">
		  <img src="" class="urlMini3 dragpoint" border="0">      
        </span>           
  	</div> 
</body>
</html>